<#assign ctx="${bw.contextPath}">
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>养护管理</title>
		<link rel="stylesheet" type="text/css" href="${ctx}/resources/assets/plugins/iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="${ctx}/resources/assets/plugins/mui/css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="${ctx}/resources/assets/css/global.css" />
		<link rel="stylesheet" type="text/css" href="${ctx}/resources/assets/css/dayMaintenance.css" />
	</head>

	<body>
		<div id="app" class="dayMaintenance-box">
			<!--头部筛选 -s-->

			<div class="header-filter">
				<div class="mui-row">
					<div class="mui-col-xs-4 filter-item">
						<a href="#statePopover" class="footbar-tab-item">
							<span class="mui-tab-label" v-text="menu1.chosedName==''?'执行状态':menu1.chosedName"></span>
						</a>
					</div>
					<div class="mui-col-xs-4 filter-item">
						<a href="#zyPopover" class="footbar-tab-item">
							<span class="mui-tab-label" v-text="menu2.chosedName==''?'作业类别':menu2.chosedName"></span>
						</a>
					</div>
					<div class="mui-col-xs-4 filter-item">
						<a href="#fdPopover" class="footbar-tab-item">
							<span class="mui-tab-label" v-text="menu3.chosedName==''?'封道类别':menu3.chosedName"></span>
						</a>
					</div>
				</div>
			</div>
			<!--头部筛选 -e-->
			<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
				<div class="mui-scroll">
					<!--主体列表 -s-->
					<ul class="mui-table-view">
						<li class="mui-table-view-cell planList">
							<a href="javascript:;">
								<div class="mui-row">
									<div class="mui-col-xs-6 ">
										<p class="strong">沪渝高速</p>
										<p>作业类别:土建</p>
										<p>带班人:石晓雯</p>
									</div>
									<div class="mui-col-xs-6 ">
										<p class="strong">作业时间:10:00~16:00</p>
										<p>封道:临时</p>
										<p><i class="iconfont icon-dianhua"></i></p>
									</div>
								</div>
							</a>
						</li>
						<li class="mui-table-view-cell planList">
							<a href="javascript:;">
								<div class="mui-row">
									<div class="mui-col-xs-6 ">
										<p class="strong">沪渝高速</p>
										<p>作业类别:土建</p>
										<p>带班人:石晓雯</p>
									</div>
									<div class="mui-col-xs-6 ">
										<p class="strong">作业时间:10:00~16:00</p>
										<p>封道:临时</p>
										<p><i class="iconfont icon-dianhua"></i></p>
									</div>
								</div>
							</a>
						</li>
						<li class="mui-table-view-cell planList">
							<a href="javascript:;">
								<div class="mui-row">
									<div class="mui-col-xs-6 ">
										<p class="strong">沪渝高速</p>
										<p>作业类别:土建</p>
										<p>带班人:石晓雯</p>
									</div>
									<div class="mui-col-xs-6 ">
										<p class="strong">作业时间:10:00~16:00</p>
										<p>封道:临时</p>
										<p><i class="iconfont icon-dianhua"></i></p>
									</div>
								</div>
							</a>
						</li>
						<li class="mui-table-view-cell planList">
							<a href="javascript:;">
								<div class="mui-row">
									<div class="mui-col-xs-6 ">
										<p class="strong">沪渝高速</p>
										<p>作业类别:土建</p>
										<p>带班人:石晓雯</p>
									</div>
									<div class="mui-col-xs-6 ">
										<p class="strong">作业时间:10:00~16:00</p>
										<p>封道:临时</p>
										<p><i class="iconfont icon-dianhua"></i></p>
									</div>
								</div>
							</a>
						</li>
						<li class="mui-table-view-cell planList">
							<a href="javascript:;">
								<div class="mui-row">
									<div class="mui-col-xs-6 ">
										<p class="strong">沪渝高速</p>
										<p>作业类别:土建</p>
										<p>带班人:石晓雯</p>
									</div>
									<div class="mui-col-xs-6 ">
										<p class="strong">作业时间:10:00~16:00</p>
										<p>封道:临时</p>
										<p><i class="iconfont icon-dianhua"></i></p>
									</div>
								</div>
							</a>
						</li>
						<li class="mui-table-view-cell planList">
							<a href="javascript:;">
								<div class="mui-row">
									<div class="mui-col-xs-6 ">
										<p class="strong">沪渝高速</p>
										<p>作业类别:土建</p>
										<p>带班人:石晓雯</p>
									</div>
									<div class="mui-col-xs-6 ">
										<p class="strong">作业时间:10:00~16:00</p>
										<p>封道:临时</p>
										<p><i class="iconfont icon-dianhua"></i></p>
									</div>
								</div>
							</a>
						</li>
						<li class="mui-table-view-cell planList">
							<a href="javascript:;">
								<div class="mui-row">
									<div class="mui-col-xs-6 ">
										<p class="strong">沪渝高速</p>
										<p>作业类别:土建</p>
										<p>带班人:石晓雯</p>
									</div>
									<div class="mui-col-xs-6 ">
										<p class="strong">作业时间:10:00~16:00</p>
										<p>封道:临时</p>
										<p><i class="iconfont icon-dianhua"></i></p>
									</div>
								</div>
							</a>
						</li>
					</ul>
					<!--主体列表 -e-->
				</div>
			</div>

			<div id="statePopover" class="mui-popover filter-popover">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell" v-for="(state,index) in menu1.list" @click="stateChangeMenu(state)">
						<a href="javascript:;" v-text="state.name"></a>
					</li>
				</ul>
			</div>
			<div id="zyPopover" class="mui-popover filter-popover">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell" v-for="(zf,index) in menu2.list" @click="zyChangMenu(zf)">
						<a href="javascript:;" v-text="zf.name"></a>
					</li>
				</ul>
			</div>
			<div id="fdPopover" class="mui-popover filter-popover">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell" v-for="(fd,index) in menu3.list" @click="fdChangeMenu(fd)">
						<a href="javascript:;" v-text="fd.name"></a>
					</li>
				</ul>
			</div>
		</div>
		<script src="${ctx}/resources/assets/plugins/jquery-1.11.3.min.js"></script>
		<script src="${ctx}/resources/assets/plugins/mui/js/mui.min.js"></script>
		<script src="${ctx}/resources/assets/plugins/vue.min.js"></script>
		<script src="${ctx}/resources/assets/js/global.js"></script>
		<script src="${ctx}/resources/assets/js/dayMaintenance-list.js"></script>
	</body>

</html>